<template>
  <div>
    <ErrorMessage
      :name="modelkey"
      as="p"
      class="animate__animated animate__bounce absolute mt-1 text-sm text-red-500"
    />
  </div>
</template>

<script setup lang="ts">
import { ErrorMessage } from 'vee-validate';

import 'animate.css';

defineProps({
  modelkey: {
    type: String,
    required: true,
  },
});
</script>
